<!DOCTYPE html>
<!-- ng-app -->
<html lang="en" ng-app="app">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="../../../js/plugins/angular/angular.min.js" type="text/javascript"></script>
</head>
<body>
    <!-- 父级不可以调用子级，子级可以调用父级 -->
    <div ng-controller="cont">
        <div class="show">
            {{ name_a + "/" + name_b + "/" + name_c + "/" + score }}
        </div>
        <div ng-controller="cont_1">
            <div class="show">
                {{ name_a + "/" + name_b + "/" + name_c + "/" + score }}
            </div>
            <div ng-controller="cont_2">
                <div class="show">
                    {{ name_a + "/" + name_b + "/" + name_c + "/" + score }}
                </div>
            </div>
        </div>
    </div>

    <script>
        var app = angular.module('app',[]);
        app.controller('cont',['$scope',function ($scope) {
            $scope.name_a = "张三";
            $scope.score = 60;
        }]);

        app.controller('cont_1',['$scope',function ($scope) {
            $scope.name_b = "李四";
            $scope.score = 70;
        }]);

        app.controller('cont_2',['$scope',function ($scope) {
            $scope.name_c = "王二";
            $scope.score = 80;
        }]);

    </script>
</body>
</html>